page {
    height: 100%;
}

.classify {
    height: 100%;

    .classify_1 {
        height: ~'calc(100vh - 95rpx)';
        display: flex;

        .classify_left {
            flex: 2;
            height: 100%;
            .left_menu {
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                border-bottom: 2rpx solid #ccc;
            }
            .active{
                color: var(--publicColor);
                border-left: 10rpx solid currentColor;
            }
        }

        .classify_right {
            flex: 5;
            height: 100%;
            .right_text{
                .text_title{
                    height: 80rpx;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 30rpx;
                    .title_1{
                        padding: 0 20rpx ;
                    }
                    
                }
                .text_content{
                    display: flex;
                    flex-wrap: wrap;
                    text-align: center;
                    .navigator_content{
                        width: 33.33%;
                        padding-bottom: 40rpx;
                        .content_pic{
                            image{
                              width: 50%;
                            }
                        }
                        .content_txt{
                            
                        }
                    }
                }
            }
        }
    }
}